<a id="menu-toggler" href="#">
	<span></span>
</a>

<div id="sidebar">
<!--
	<div id="sidebar-shortcuts">
		<div id="sidebar-shortcuts-large">
			<button class="btn btn-small btn-success">
				<i class="icon-signal"></i>
			</button>

			<button class="btn btn-small btn-info">
				<i class="icon-pencil"></i>
			</button>

			<a href="{$psa_result->basedir_web}/default/chat" class="btn btn-small btn-warning">
				<i class="icon-group"></i>
			</a>

			<a href="#" class="btn btn-small btn-danger">
				<i class="icon-cogs"></i>
			</a>
		</div>

		<div id="sidebar-shortcuts-mini">
			<span class="btn btn-success"></span>

			<span class="btn btn-info"></span>

			<span class="btn btn-warning"></span>

			<span class="btn btn-danger"></span>
		</div>
	</div><!--#sidebar-shortcuts
-->
	<ul class="nav nav-list">
		<li {if $psa_result->url == $psa_result->basedir_web|cat:"/default/sum"} class="active" {/if}>
			<a href="{$psa_result->basedir_web}/default/sum">
				<i class="icon-dashboard"></i>
				<span>Dashboard</span>
			</a>
		</li>

		<li {if $psa_result->url == $psa_result->basedir_web|cat:"/default/test"} class="active" {/if}>
			<a href="{$psa_result->basedir_web}/default/test">
				<i class="icon-text-width"></i>
				<span>Typography</span>
			</a>
		</li>

		<li id="ui_elements_li" {if $psa_result->url == $psa_result->basedir_web|cat:"/default/showtransactions"} class="active" {/if}>
			<a href="#" class="dropdown-toggle" id="ui_elements">
				<i class="icon-desktop"></i>
				<span>Transactions</span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu" id="ui_elements_submenu" >
				<li {if $psa_result->url == $psa_result->basedir_web|cat:"/default/showtransactions"} class="active" {/if}>
					<a href="{$psa_result->basedir_web}/default/showtransactions?year=2013">
						<i class="icon-double-angle-right"></i>
						Personal
					</a>
				</li>

				<li>
					<a href="{$psa_result->basedir_web}/default/showtransactions2">
						<i class="icon-double-angle-right"></i>
						Appartments
					</a>
				</li>

				<li>
					<a href="{$psa_result->basedir_web}/default/showtransactions3">
						<i class="icon-double-angle-right"></i>
						Transactions
					</a>
				</li>
			</ul>
		</li>

		<li>
			<a href="{$psa_result->basedir_web}/default/chat">
				<i class="icon-list"></i>
				<span>Chat</span>
			</a>
		</li>

		<li id="forms_li">
			<a href="#" class="dropdown-toggle" id="forms">
				<i class="icon-edit"></i>
				<span>Forms</span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu" id="forms_submenu">
				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Form Elements
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Wizard &amp; Validation
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Wysiwyg &amp; Markdown
					</a>
				</li>
			</ul>
		</li>

		<li>
			<a href="#">
				<i class="icon-list-alt"></i>
				<span>Widgets</span>
			</a>
		</li>

		<li>
			<a href="#">
				<i class="icon-calendar"></i>
				<span>Calendar</span>
			</a>
		</li>

		<li>
			<a href="#">
				<i class="icon-picture"></i>
				<span>Gallery</span>
			</a>
		</li>

		<li>
			<a href="#">
				<i class="icon-th"></i>
				<span>Grid</span>
			</a>
		</li>

		<li>
			<a href="#" class="dropdown-toggle">
				<i class="icon-file"></i>
				<span>Other Pages</span>

				<b class="arrow icon-angle-down"></b>
			</a>

			<ul class="submenu">
				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Pricing Tables
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Invoice
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Login &amp; Register
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Error 404
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Error 500
					</a>
				</li>

				<li>
					<a href="#">
						<i class="icon-double-angle-right"></i>
						Blank Page
					</a>
				</li>
			</ul>
		</li>
	</ul><!--/.nav-list-->

	<div id="sidebar-collapse">
		<i class="icon-double-angle-left"></i>
	</div>
</div>